<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>退款审核</title>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/finance/backMoneyH5.css">
    <script th:inline="javascript">
        var orderBackMoneyId = [[${orderBackMoneyId}]];
        var productOrderId = [[${productOrderId}]];
        var status = [[${status}]];
        console.log(orderBackMoneyId, productOrderId, status);
    </script>
</head>
<body>
<div class="main">
    <form>
        <div class="title">
            <h1>退款审批</h1>
            <span>Refund approval</span>
        </div>
        <div class="well">
            <input type="hidden" id="customerId">
            <h3><img src="/images/finance/mobile/h5-title-1.png" alt="">基本信息</h3>
            <div class="basic-info">
                <div class="row">
                    <div class="label">
                        <h5>客户名称：</h5>
                        <p id="infoCustomerName">-</p>
                    </div>
                    <div class="label">
                        <h5>客户编号：</h5>
                        <p id="customerNumber">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>退款类型：</h5>
                        <p id="refundType">-</p>
                    </div>
                    <div class="label">
                        <h5>退款金额：</h5>
                        <p id="refundMoney">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>所属分公司：</h5>
                        <p id="infoCompany">-</p>
                    </div>
                    <div class="label">
                        <h5>申请人：</h5>
                        <p id="refundPeople">-</p>
                    </div>
                </div>
                <div class="label">
                    <h5>创建日期：</h5>
                    <p id="infoCreateTime">-</p>
                </div>
            </div>
        </div>
        <div class="well">
            <h3><img src="/images/finance/mobile/h5-title-2.png" alt="">退款额度</h3>
<!--            <div class="product-box" id="productBox">-->
<!--                &lt;!&ndash;<div class="product-list">-->
<!--                    <h5>产品名称：<span>会员白金卡会员白金卡会员</span></h5>-->
<!--                    <ul>-->
<!--                        <li><span>19800</span>产品原价</li>-->
<!--                        <li><span>19800</span>会员价</li>-->
<!--                        <li><span>19800</span>产品成交价</li>-->
<!--                    </ul>-->
<!--                </div>&ndash;&gt;-->
<!--            </div>-->
            <div class="expense-info">
                <div class="expense-list">
                    <img src="/images/finance/mobile/h5-icon-1.png" alt="">
                    <p id="applyBackMoney">-</p>
                    <span>申请退款金额</span>
                </div>
                <div class="expense-list">
                    <img src="/images/finance/mobile/h5-icon-2.png" alt="">
                    <p id="serviceMoney">-</p>
                    <span>服务费</span>
                </div>
                <div class="expense-list">
                    <img src="/images/finance/mobile/h5-icon-3.png" alt="">
                    <p id="backMoney">-</p>
                    <span>实际退款金额</span>
                </div>
            </div>
        </div>
        <div class="well">
            <h3><img src="/images/finance/mobile/h5-title-3.png" alt="">退款备注</h3>
            <p class="remarks" id="remarks">-</p>
        </div>
        <div class="btn-group">
            <button type="button" class="btn-refuse" id="btnRefuse" onclick="examine(1);">拒绝</button>
            <button type="button" class="btn-approval" id="btnApproval" onclick="examine(2);">通过</button>
        </div>
        <div class="status-tip" style="display: none;"></div>
    </form>
</div>
<script src="/js/crm/finance/design.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/finance/balanceBackMoneyH5.js"></script>
</body>
</html>